<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Best Practices with Spry</title>
<link href="../../css/bparticles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<h1>Best Practices with Spry</h1>
<p>It is always a good idea to code with best practices in mind and on page. </p>
<p>This page links to documents and samples we have that explain and demonstrate best practices, including web standards, progressive enhancement and accessibility.</p>
<h2>Articles</h2>
<p><a href="standards.html">Spry and Web Standards</a></p>
<p><a href="progressive_enhancement.html">Progressive Enhancement with Spry</a></p>
<p><a href="separating_behavior.html">Separating Behavior from Structure - Unobtrusive Spry</a></p>
<p><a href="validating_spry.html">Validating Spry</a></p>
<h2>Samples</h2>
<p><a href="../../demos/gallery_pe/static/china.html">Progressively Enhanced Gallery Demo</a></p>
<p><a href="../../demos/products_pe/index.html">HTML Data Set Product Demo</a></p>
<p><a href="../../demos/gallery_pe/static_hd/china.html">HTML Data Set Gallery Demo</a></p>
<p><a href="../../samples/accordion/Accordion_unobtrusive.html">Unobtrusive Accordion</a></p>
<p><a href="../../samples/collapsiblepanel/collapsible_panel_unobtrusive.htm">Unobtrusive Collapsible Panel</a></p>
<p><a href="../../samples/tabbedpanels/tabbed_panel_unobtrusive.htm">Unobtrusive Tabbed Panels</a></p>
<p><a href="../../samples/slidingpanels/SlidingPanels_unobtrusive.html">Unobtrusive Sliding Panels</a></p>
<p><a href="../../samples/dom_utils/unobtrusive_spry_data.html">Unobtrusive Spry Data page</a></p>
<p><a href="../../samples/htmlpanel/product-0.html">HTML Panel widget with graceful degradation</a></p>
<p>The Spry Element Selector is the tool we use to unobtrusively create widgets and Spry Data pages. Its file name is <a href="../../includes/SpryDOMUtils.js">SpryDOMUtils.js</a> and the overview is <a href="../element_selector/index.html">here</a>.</p>
<hr />
<p>Copyright © 2007. Adobe Systems Incorporated. <br />
All rights reserved</p>
</body>
</html>
